<template>
	<view class="container">
		<!-- 类目 -->
		<view class="head">
			<view class="category">
				<view :class="flag == 0 ? 'select' : ''" @tap="handleTypeChange(0)">报名的雇员</view>
				<view :class="flag == 1 ? 'select' : ''" @tap="handleTypeChange(1)">接单的雇员</view>
				<view :class="flag == 2 ? 'select' : ''" @tap="handleTypeChange(2)">取消的雇员</view>
			</view>
			<view class="progress">
				<view class="round round1">
				</view>
				<view class="round round2">
				</view>
				<view class="round round3">
				</view>
				<view class="round round4">
				</view>
				<view class="round round5">
				</view>
				<view class="round round6">
				</view>
				<view class="progress-active"
					:style="{width:orderNum>6?`100%`:orderNum>1?`${110*(orderNum-1)+40}rpx`:'0rpx'}">
					<view v-if="orderNum>0" class="img-box">
						<image class="img img1" src="/static/newMy/staff-my25.png" mode=""></image>
					</view>
					<view v-if="orderNum>1" class="img-box img-box2">
						<image class="img img2" src="/static/newMy/staff-my25.png" mode=""></image>
					</view>
					<view class="red-active-box">
						<image v-if="orderNum>2" class="red-active" src="/static/newMy/red-active.png" mode=""></image>
						<image v-else class="red-active" src="/static/newMy/red.png" mode=""></image>
						<text class="amount">{{threeAccount}}元</text>
					</view>
					<view v-if="orderNum>3" class="img-box img-box4">
						<image class="img img4" src="/static/newMy/staff-my25.png" mode=""></image>
					</view>
					<view v-if="orderNum>4" class="img-box img-box5">
						<image class="img img5" src="/static/newMy/staff-my25.png" mode=""></image>
					</view>
					<view class="red-box">
						<image v-if="orderNum>5" class="red" src="/static/newMy/red-active.png" mode=""></image>
						<image v-else class="red" src="/static/newMy/red.png" mode=""></image>
						<text class="amount">{{sixAccount}}元</text>
					</view>
				</view>
			</view>
		</view>
		<scroll-view scroll-y="true">
			<!-- 报名的雇员 -->
			<view class="list" v-if="this.flag == 0" style="margin-top: 220rpx;">
				<image v-if="flag == 0&&total===0" class="empty" src="/static/newMy/empty1.png" mode=""></image>
				<view v-else class="employer-info apply" v-for="item in orderList" :key="item.id">
					<view class="middle">
						<view class="right">
							<view class="avatar" @click="handleOpenOrderDetail2(item.id,item.orderUser.userId)"
								:style="{'z-index':daytips?'999999':''}">
								<view
									:class="[item.orderUser.userIdentityStatus==0&&'avatar-pic-vip1',item.orderUser.userIdentityStatus==1&&'avatar-pic-vip2',item.orderUser.userIdentityStatus==2&&'avatar-pic-vip3']">
									<image class="image" :src="imgPath + item.orderUser.avatar" mode="aspectFill">
									</image>
								</view>
							</view>
							<view @click="handleOpenOrderDetail(item.id,item.orderUser.userId)">
								<view>
									<text>{{ item.orderUser.userName }}</text>
									<view v-if="item.orderUser.sex==0" class="sex-nan">
										<image class="sex-image" src="@/static/icon3/nna1111.png" mode="aspectFill">
										</image>
										{{!calculateAge(item.orderUser.idCardNum) ? '未知' : calculateAge(item.orderUser.idCardNum)}}
									</view>
									<view v-if="item.orderUser.sex==1" class="sex-nv">
										<image class="sex-image" src="@/static/icon3/nv111.png" mode="aspectFill">
										</image>
										{{!calculateAge(item.orderUser.idCardNum) ? '未知' : calculateAge(item.orderUser.idCardNum)}}
									</view>
								</view>
								<view class="cxDiv">
									<view class="cx" v-if="item.taskCateTime > 20">
										<text class="text-red-color">{{ item.taskCateName + '  '}}</text>累计时长
										<text>{{ item.taskCateTime}}小时</text>
									</view>
									<view class="cx">
										<text class="text-red-color">{{ item.taskCateName + '  '}}</text>好评率 <text
											:class="{'text-green-color':item.orderUser.haoping > 75}">
											{{ item.orderUser.haoping
									}}% </text>
									</view>
								</view>
							</view>
						</view>
						<view class="left">
							<text>累计接单</text>
							<text>{{ item.orderUser.receiveNum }}</text>
						</view>
					</view>
					<view class="buttons">
					</view>
				</view>
			</view>
		</scroll-view>
		<!-- <view class="banner" v-if="isShowBanner">
			<view class="banner-content" @click="showBannerTab" v-if="true">
				<text>{{ topCopy ? topCopy : '如对雇员不满意，您给差评，找零工客服随时可介入处理'}}</text>
			</view>
			<view style="width: 100%;background: none;" v-if="false">
				<my-swiper></my-swiper>
			</view>
		</view> -->
		<scroll-view scroll-y="true">
			<!-- 接单的雇员 -->
			<view class="list" v-if="this.flag == 1" style="margin-top: 220rpx;">
				<image v-if="flag == 1&&total===0" class="empty" src="/static/newMy/empty2.png" mode=""></image>
				<view v-else class="employer-info receive" v-for="(item,index) in orderList" :key="item.id">
					<view class="top" v-if="item.status != 8"
						:style="{background: item.status == 2 ? '#F39B19' : item.status == 4 ? '#FD4733': item.isEmployerEvaluate || item.status == 5 || item.orderUser.userJobStatus == 2 ? '' : item.orderUser.userJobStatus == 2 ? '#F39B19'  : item.orderUser.userJobStatus == 1 ? '#17C295':''}">
						<text>{{item.status == 9 ? '待同意' : item.status == 2 ? '待开工' : item.status == 4 ? '待结算' : item.isEmployerEvaluate ? '已评价' : item.status == 5 ? '完成' : item.orderUser.userJobStatus == 2 ? '接单中' : item.status == 3 && item.orderUser.userJobStatus == 1 ? '工作中' : '休息中'}}</text>
					</view>
					<view class="top" v-if="item.status == 8" style="background: #F39B19; font-size: 16px;">
						<text>{{ item.countdown }}</text>
					</view>
					<!-- 任务不结算的样式 -->
					<view class="no-settlement" v-if="item.status != 4">
						<view class="middle">
							<view class="right">
								<view class="avatar" @click="handleOpenOrderDetail2(item.id,item.orderUser.userId)"
									:style="{'z-index':daytips?'999999':''}">
									<view
										:class="[item.orderUser.userIdentityStatus==0&&'avatar-pic-vip1',item.orderUser.userIdentityStatus==1&&'avatar-pic-vip2',item.orderUser.userIdentityStatus==2&&'avatar-pic-vip3']">
										<image class="image" :src="imgPath + item.orderUser.avatar" mode="aspectFill">
										</image>
									</view>
								</view>
								<view @click="handleOpenOrderDetail(item.id,item.orderUser.userId)">
									<view style="display: flex;flex-direction: row;align-items: center;">
										<text>{{ item.orderUser.userName }}</text>
										<view v-if="item.orderUser.sex==0" class="sex-nan">
											<image class="sex-image" src="@/static/icon3/nna1111.png" mode="aspectFill">
											</image>
											{{!calculateAge(item.orderUser.idCardNum) ? '未知' : calculateAge(item.orderUser.idCardNum)}}
										</view>
										<view v-if="item.orderUser.sex==1" class="sex-nv">
											<image class="sex-image" src="@/static/icon3/nv111.png" mode="aspectFill">
											</image>
											{{!calculateAge(item.orderUser.idCardNum) ? '未知' : calculateAge(item.orderUser.idCardNum)}}
										</view>
									</view>
									<view class="cxDiv">
										<view class="cx" v-if="item.taskCateTime > 20">
											<text class="text-red-color">{{ item.taskCateName + '  '}}</text>累计时长
											<text>{{ item.taskCateTime}}小时</text>
										</view>
										<view class="cx">
											<text class="text-red-color">{{ item.taskCateName + '  '}}</text>好评率 <text
												:class="{'text-green-color':item.orderUser.haoping > 75}">
												{{ item.orderUser.haoping
										}}% </text>
										</view>
									</view>
								</view>
							</view>
							<view class="left">
								<text>累计接单</text>
								<text>{{ item.orderUser.receiveNum }}</text>
							</view>
						</view>
						<view class="buttons" v-if="item.status != 4">
							<view style="display: none;" v-if="item.applyState==1 && item.status==2 && item.applyTime">
								{{invitationCountDown(item.applyTime)}}
							</view>
							<view class="dao-ji-shi" v-if="myTyTime>0 && item.status==2 && item.applyState == 1">
								<count-down-circle ref="countDown" :second="myTyTime/1000" :second2="myTyTime"
									type='circle' :radius="46" @end="endDjs"> </count-down-circle>
							</view>
							<view class="ty-xiugai" v-if="myTyTime>0 && item.status==2 && item.applyState == 1"
								@click="handleTykg('PASSED',item.id)">
								<text>同意雇员开工</text>
							</view>
							<view class="ju-jue" style="margin-right: 0;"
								v-if="myTyTime>0 && item.status==2 && item.applyState == 1"
								@click="handleTykg('REJECT',item.id)">
								<text>拒绝</text>
							</view>
							<view class="ti-pis" v-if="false">
								<image src="../../../static/tyxieyi.png" mode="widthFix"></image>
							</view>
							<view @click.stop="handleRecevieButton(0, item.status, item.id)" class="button"
								v-if="(item.status != 5 && item.status != 9 && item.isExpel==true&&item.applyState != 1)||(item.status != 5 && item.status != 9 && item.isExpel==true&&item.applyState == 1&&myTyTime<=0)"
								style="width: 150rpx;height: 58rpx;margin-left: 40rpx;margin-right: 10rpx; border:none;background: #F2F2F2;color: #666;">
								开除</view>
							<view @click.stop="handleRecevieButton(5, item.status, item.id)" class="button"
								v-if="item.status == 3&&item.taskType == 0&&level==2">收工</view>
							<view @click.stop="handleRecevieButton(4, item.status, item.id)" class="button"
								v-if="item.status == 9&&item.taskType == 0&&level==2">驳回 00:{{item.countdown}}</view>
							<view class="tousu" @click="goTousu(item.id)"
								v-if="(item.complaintSign==0&&item.applyState != 1)||(item.complaintSign==0&&item.applyState == 1&&myTyTime<=0)">
								投诉 </view>
							<view class="yishoucang-button"
								v-if="(item.isCollect&&item.applyState != 1)||(item.isCollect&&item.applyState == 1&&myTyTime<=0)"
								@click="cancelCollect(item.userId,index)"> 已收藏 </view>
							<view class="shoucang-button"
								v-else-if="(item.applyState != 1)||(item.applyState == 1&&myTyTime<=0)"
								@click="addCollect(item.userId,index)">收藏 </view>
							<view
								@click.stop="isShowpingjia=true,pj_user_list=[item.orderUser.userName,imgPath + item.orderUser.avatar,item.id,0,item.orderUser.userId]"
								class="button comment " v-if="item.status == 5&&item.isEmployerEvaluate==0">评价 </view>
							<view class=" button button1" v-if="item.status == 4"
								@click.stop="handleChangeNum(item.rewardY, item.id)">修改件数</view>
							<view class="button button2" v-if="item.status == 4"
								@click.stop="handlePaySingle(item.orderUser.userName, item.id)">结算</view>
						</view>
					</view>
					<!-- 任务结算的样式 -->
					<view class="settlement" v-if="item.status == 4 ">
						<view class="middle">
							<!-- 透明遮罩层，点击去详情页 -->
							<view class="transparent-mask"
								style="z-index: 1;border: 0px solid red; position: absolute; width: 70%;height: 50%;">
							</view>
							<view class="right">
								<view class="avatar" @click="handleOpenOrderDetail2(item.id,item.orderUser.userId)">
									<view
										:class="[item.orderUser.userIdentityStatus==0&&'avatar-pic-vip1',item.orderUser.userIdentityStatus==1&&'avatar-pic-vip2',item.orderUser.userIdentityStatus==2&&'avatar-pic-vip3']">
										<image class="image" :src="imgPath + item.orderUser.avatar" mode="aspectFill">
										</image>
									</view>
								</view>
								<view @click="handleOpenOrderDetail(item.id,item.orderUser.userId)">
									<view>
										<text>{{ item.orderUser.userName }}</text>
										<image
											:src="item.orderUser.sex==1 ? '/static/icon1/21.png' : '/static/icon1/55.png'"
											mode="aspectFill"></image>
									</view>
									<!-- 计时工作 -->
									<view class="job-info" v-if="item.taskType === 0">
										<view>
											<text>工作时间</text>
											<view>{{ item.startTime.slice(11, 16) }} — {{ item.endTime.slice(11, 16)}}
											</view>
										</view>
										<view>
											<text>工作时长</text>
											<text>{{ (item.finishCount*60).toFixed(1) }}分钟</text>
										</view>
										<view>
											<text>工作单价</text>
											<text>{{ item.rewardY }}元/小时</text>
										</view>
									</view>
									<!-- 计件工作 -->
									<view class="job-info" v-if="item.taskType === 1">
										<view>
											<text>工作单价</text>
											<text>{{ item.rewardY }}元/件</text>
										</view>
										<view>
											<text>完成件数</text>
											<text>{{ item.finishCount }}件</text>
											<!-- <input>{{ item.finishCount }}</input> -->
										</view>
										<view>
											<text>工作时长</text>
											<text>{{item.workTime}}分钟</text>
										</view>
										<view
											v-if="isMinimumWage&&taskDTO.orderParam[item.id]<minimumWage*(item.workTime/60)">
											<text>应付工资</text>
											<text>{{taskDTO.orderParam[item.id]}}元</text>
										</view>
									</view>
									<!-- 计天工作 -->
									<view class="job-info" v-if="item.taskType === 2">
										<view>
											<text>工作单价</text>
											<text>{{ item.rewardY }}元/天</text>
										</view>
										<view>
											<text>完成天数</text>
											<text>{{item.finishCount}}天</text>
										</view>
									</view>
								</view>
								<view class=" button button1" v-if="item.taskType === 1"
									:style="{bottom:isMinimumWage&&taskDTO.orderParam[item.id]<minimumWage*(item.workTime/60)?'100rpx':'50rpx'}"
									@click.stop="handleChangeNum(item.rewardY, item.id)">修改件数</view>
								<view class="button button2" v-if="item.taskType === 0"
									@click.stop="handlePaySingle(item.taskType,(item.finishCount*60).toFixed(1),item.rewardY,item.orderUser.userName, item.id, taskDTO.orderParam[item.id],item.userId)">
									结算</view>
								<view class="button button2"
									v-if="item.taskType === 1&&!(isMinimumWage&&taskDTO.orderParam[item.id]<minimumWage*(item.workTime/60))"
									@click.stop="handlePaySingle(item.taskType,item.finishCount,item.rewardY,item.orderUser.userName, item.id, taskDTO.orderParam[item.id],item.userId)">
									结算</view>
								<view class="button button2"
									v-if="item.taskType === 1&&(isMinimumWage&&taskDTO.orderParam[item.id]<minimumWage*(item.workTime/60))"
									@click.stop="handlePaySingle(item.taskType,item.finishCount,item.rewardY,item.orderUser.userName, item.id, minimumWages[item.id],item.userId)">
									结算</view>
							</view>
						</view>
						<view class="settlement-bottom"
							v-if="isMinimumWage&&taskDTO.orderParam[item.id]<minimumWage*(item.workTime/60)">
							<text>保底工资</text>
							<input type="number" v-if="item.taskType === 1" v-model.number="minimumWages[item.id]"
								@input="handleNewMinimumWage(item.minimumWage,item.id)" />
							<span>元</span>
						</view>
						<view class="settlement-bottom" v-else>
							<text>应付工资</text>
							<input type="number" v-if="item.taskType === 0" :focus="false"
								v-model="taskDTO.orderParam[item.id]"
								@input="handleNewAmount((item.finishCount*60).toFixed(1),item.rewardY,item.id, taskDTO.orderParam[item.id])" />
							<input type="number" v-if="item.taskType === 1" :focus="false"
								v-model="taskDTO.orderParam[item.id]"
								@input="handleNewAmount(item.finishCount,item.rewardY,item.id, taskDTO.orderParam[item.id])" />
							<span>元</span>
						</view>
					</view>
					<view @click.stop="handleTaskWorkuser" class="confirm" v-if="hastoyi&&level==2">统一收工</view>
					<!-- 统一按钮 -->
					<view @click.stop="handleTaskWork()" class="confirm" v-if="hasPay">统一结算工资</view>
				</view>
			</view>
		</scroll-view>
		<scroll-view scroll-y="true">
			<!-- 取消的雇员 slice-->
			<view class="list" v-if="this.flag == 2" style="margin-top: 220rpx;">
				<image v-if="flag == 2&&total===0" class="empty" src="/static/newMy/empty3.png" mode=""></image>
				<view v-else class="employer-info cancel" v-for="item in orderList" :key="item.id">
					<view class="top">
						<text>已取消</text>
					</view>
					<view class="middle">
						<view class="right">
							<view class="avatar" :style="{'z-index':daytips?'999999':''}"
								@click="handleOpenOrderDetail2(item.id,item.orderUser.userId)">
								<view
									:class="[item.orderUser.userIdentityStatus==0&&'avatar-pic-vip1',item.orderUser.userIdentityStatus==1&&'avatar-pic-vip2',item.orderUser.userIdentityStatus==2&&'avatar-pic-vip3']">
									<image class="image" :src="imgPath + item.orderUser.avatar" mode="aspectFill">
									</image>
								</view>
							</view>
							<view @click.stop="handleOpenOrderDetail(item.id,item.orderUser.userId)">
								<view>
									<text>{{ item.orderUser.userName }}</text>
									<view v-if="item.orderUser.sex==0" class="sex-nan">
										<image class="sex-image" src="@/static/icon3/nna1111.png" mode="aspectFill">
										</image>
										{{!calculateAge(item.orderUser.idCardNum) ? '未知' : calculateAge(item.orderUser.idCardNum)}}
									</view>
									<view v-if="item.orderUser.sex==1" class="sex-nv">
										<image class="sex-image" src="@/static/icon3/nv111.png" mode="aspectFill">
										</image>
										{{!calculateAge(item.orderUser.idCardNum) ? '未知' : calculateAge(item.orderUser.idCardNum)}}
									</view>
								</view>
								<view class="cxDiv">
									<view class="cx" v-if="item.taskCateTime > 20">
										<!-- <text>评分</text> -->
										<text class="text-red-color">{{ item.taskCateName + '  '}}</text>累计时长
										<text>{{ item.taskCateTime}}小时</text>
									</view>
									<view class="cx">
										<!-- <text>好评率</text> -->
										<text class="text-red-color">{{ item.taskCateName + '  '}}</text>好评率 <text
											:class="{'text-green-color':item.orderUser.haoping > 75}">
											{{ item.orderUser.haoping
									}}% </text>
									</view>
								</view>
							</view>
						</view>
						<view class="left">
							<text>累计接单</text>
							<text>{{ item.orderUser.receiveNum }}</text>
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
		<uni-load-more :status="hasFlag ? 'loading' : isNoMore ? 'noMore' : ''"></uni-load-more>
		<modal :isShowModal="isShowModal" :modalStytle="modalStytle" :unitPrice="unitPrice" :button="button" :status="1"
			:clickJobType="1" @input="handleInput" @handleLeft="handleLeft" @handleRight="handleRight"
			:titleContect="titleContect" :middleContext="middleContext" :leftContext="leftContext"
			:rightContext="rightContext"></modal>
		<view v-if="isShowScyq<2" class="scyq" @touchmove.stop.prevent @click="isShowScyq++">
			<view class="scyq-main" :style="{top:'2%'}">
				<view :style="{'background-image':isShowScyq==1?'url(../../../static/icon3/yaoqing2.png)':''}"></view>
			</view>
		</view>
		<view class="scyq" v-if="daytips && orderList.length>0" @click="handleDaytips" style="background: none;">
			<view class="scyq-main" style="position: absolute;width: auto;" :style="{top:'25%',left:'17%'}">
				<image style="width: 500rpx;height: 100%;" src="../../../static/order-yindao.png" mode="widthFix">
				</image>
			</view>
		</view>
		<view class="maskFirst" @click="handleDaytips" v-if="daytips && orderList.length>0"></view>
		<pingjia v-if="isShowpingjia" @close="closePj()" :userList="pj_user_list"></pingjia>
		<yaoqingAlert v-if="isShowAlert" ref="yaoqingAlert" :text="yaoqingAlertText"></yaoqingAlert>
		<!-- <kaichu v-if="isShowKaiChu" :type="kaichuType" @closeKaichu="closekC()" @kaichu="kaichu"></kaichu> -->
		<view class="Mengban" v-if="isShowMengban">
			<view class="btn"
				:style="{'background-color':isClick?'#FCC92D':'#D8D8D8','color':isClick?'#262626':'#787878'}">
				<text v-if="isClick" @click="isShowMengban=false">知道了</text>
				<text v-else>知道了({{number}}s)</text>
			</view>
		</view>
	</view>
</template>
<script>
	import modal from '@/components/modal/modal.vue'
	import GetNumberOfDays from '@/libs/get-days.js'
	import format from '@/libs/day-format.js'
	import {
		he_evaluate_lv,
		isResidueTimeByMinute,
		getToExceedTheTime,
	} from '@/libs/unit.js'
	import yaoqingAlert from '@/components/xjbg/yaoqingAlert.vue'
	import unit from '@/libs/newUnit.js'
	import countDownCircle from '@/components/e-countDownCircle/e-countDownCircle.vue'
	import mySwiper from '@/components/beckhayu-swiper/my-swiper.vue'
	import {
		debounce
	} from "@/untils/debounce_throttle.js"
	export default {
		components: {
			modal,
			yaoqingAlert,
			// kaichu,
			countDownCircle,
			mySwiper,
		},
		data() {
			return {
				taskAmount: 0,
				hasypay: 0,
				level: 1,
				s: 60, //数据返回时间秒
				serverFlag: 0, //0不用付服务费，1付服务费
				hasPay: false, //是否有待结算订单
				hastoyi: false, //是否有待结算订单
				finishNum: '', //已经退回保证金人数
				orderAmount: '', //单个订单金额
				singleSincerityGold: '', //单人结算保证金
				count: '', //收工雇员输入的计件件数
				modalStytle: 3, //0-left-text,1-two-line,2-hasInput, 3-middle-context
				unitPrice: 0, //计件单价
				timer: null, //计时器
				toDay: '', //当前时间
				settlementStatus: '', //任务待结算状态，4，7
				x_minute_auto_confirm: 180, //倒计时
				hasFlag: false, // 是否还有更多数据要加载
				titleContect: '', //弹框标题
				middleContext: '', //弹框中间的内容
				leftContext: '取消', //弹框按钮左边的内容
				rightContext: '确认', //弹框按钮右边的内容
				clickStatus: '', //接单雇员，点中的状态
				imgPath: '', //图片路径
				orderList: [{ //订单列表
					orderUser: {
						avatar: '',
					},
					taskCateName: '',
					taskCateTime: '',
					taskCateComment: '',
					taskCateGood: '',
				}, ],
				flag: 1, //当前类目
				orderId: '', //点击的订单id
				button: 0,
				requestObj: { //获取同一任务订单列表参数
					pageNum: 0,
					pageSize: 1000,
					status: '',
					statusIn: '',
					taskId: '',
				},
				isShowModal: false, //是否显示弹框
				taskDTO: { //任务结算上传参数
					"couponId": '',
					"orderParam": {}, //'订单id': 'finishAmount'
					"payPwd": "",
					"payType": 5, //0支付宝，1微信，2钱包
					"taskId": '',
				},
				handleIsStop: true, // 是否允许切换
				uniteTaskButtom: '', //统一任务按钮
				iscoupon: '', //查看用户是否使用优惠券未使用/1已使用-jc210416
				isStatus: true,
				isTYStatus: true,
				minimumWage: 16, //保底工资
				isMinimumWage: false, //是否有保底工资
				minimumWages: {},
				isShowBanner: true,
				expel_time: 0,
				newTaskId: 0,
				reJitter: false,
				staffid: 0,
				isShowAlert: false,
				yaoqingAlertText: '',
				isShowScyq: 2,
				isShowScyqLeft: 0,
				isShowScyqTop: 0,
				viewTop: 0,
				maskviewTop: 0,
				isScyqPage: 0,
				isShowScyqId: 0,
				isShowpingjia: false,
				pj_user_list: [],
				isShowKaiChu: false,
				kaichuType: 0,
				isNoMore: false,
				taskFinishedid: '',
				topCopy: '',
				daytips: true,
				daytips2: false,
				tempStatus: '',
				isShowDaijis: false,
				myTyTime: 120000,
				noticeArr: ['如对雇员不满意，您给差评，找零工客服随时可介入处理', '覆盖开发过程的各个需求，覆盖开发过程的各个需求'],
				collectList: [],
				isShowMengban: false,
				number: 3,
				isClick: false,
				taskStatus: '',
				total: '',
				orderNum: '',
				sixAccount: '',
				threeAccount: '',
				scrollTop: 0,
				scrollFlag: true
			}
		},
		methods: {
			async findTaskBillReward() {
				let res = await this.$fetch(this.$api.findTaskBillReward, {}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.orderNum = Number(res.data.rewardCount)
				this.sixAccount = res.data.sixAccount
				this.threeAccount = res.data.threeAccount
			},
			Mengban() {
				if (!uni.getStorageSync('guzhuMengbanTipTime')) {
					this.isShowMengban = true
					let firstTime = new Date().getTime()
					let Endtime = firstTime + 6 * 30 * 24 * 60 * 60 * 1000
					console.log(Endtime)
					uni.setStorageSync('guzhuMengbanTipTime', Endtime)
					uni.setStorageSync('guzhuMengbanLastTime', firstTime)
				}
				let now = new Date().getTime();
				if (now > uni.getStorageSync('guzhuMengbanTipTime')) {
					return
				} else {
					if (now - uni.getStorageSync('guzhuMengbanLastTime') > (15 * 24 * 60 * 60 * 1000)) {
						console.log(now - uni.getStorageSync('guzhuMengbanLastTime'))
						this.isShowMengban = true
						uni.setStorageSync('guzhuMengbanLastTime', now)
					}
				}
			},
			known() {
				let time = setInterval(() => {
					this.number--
					if (this.number == 0) {
						clearInterval(time)
						this.isClick = true
					}
				}, 1000)
			},
			goTousu(e) {
				uni.navigateTo({
					url: `/pages/tousu/boss/index?orderid=${e}&taskId=${this.requestObj.taskId}&taskStatus=${this.taskStatus}`
				})
			},
			async addCollect(id, index) {
				console.log(this.orderList)
				let res = await this.$fetch(this.$api.add_collect, {
					relationId: id,
					type: 1, //0是雇主，1雇员，2是任务
				}, 'POST', 'JSON')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.orderList.splice()
				this.$set(this.orderList[index], 'isCollect', true)
			},
			async cancelCollect(id, index) {
				let res = await this.$fetch(this.$api.cancel_collect, {
					relationId: id,
					type: 1, //0是雇主，1雇员，2是任务
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.orderList.splice()
				this.$set(this.orderList[index], 'isCollect', false)
			},
			// 获取收藏列表
			async get_collect_list() {
				let res = await this.$fetch(this.$api.get_collect_list, {
					pageNum: 1,
					pageSize: 200,
					type: 1, //0是雇主，1是雇员，2是工作
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.collectList = res.rows.map((item) => {
					return item.user.userId
				})
			},
			// 投诉
			onTousu() {},
			handleDaytips(type = '') {
				let sf = uni.getStorageSync('isShowTipsAvatar')
				let second = uni.getStorageSync('isShowTipsAvatarSta') ? uni.getStorageSync('isShowTipsAvatarSta') :
					'false'
				let localtime = new Date().getTime()
				if (type == 1 && sf == '') {
					let date = new Date()
					let fff = new Date(date.setDate(date.getDate() + 15)).toLocaleDateString()
					let aaa = fff.replace(/\//g, '-')
					let oldtime = new Date(aaa).getTime()
					uni.setStorageSync('isShowTipsAvatar', oldtime)
					this.daytips = true
					this.daytips2 = true
				} else if (type == 1 && localtime > sf && second == 'false') {
					this.daytips = false
					this.daytips2 = false
					uni.setStorageSync('isShowTipsAvatarSta', true)
				} else {
					this.daytips = false
					this.daytips2 = false
				}
			},
			closeKgR() {
				uni.startPullDownRefresh()
			},
			async handleTykg(type, orderId) {
				let res = await this.$fetch(this.$api.confirm_work, {
					orderId: orderId,
					applyTaskStatus: type
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.myTyTime = 0
				this.refresh()
				this.isShowDaijis = false
			},
			showBannerTab() {
				this.isShowBanner = false
				const today = new Date();
				const finlDate = today.getFullYear() + '-' + today.getMonth() + '-' + today.getDate();
				uni.setStorageSync('closeTime', finlDate);
			},
			async employerDetailTitle() {
				let res = await this.$fetch(this.$api.employerDetailTitle, {}, 'GET')
				if (res.code == 0) {
					this.topCopy = res.data;
				} else {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
				}
			},
			// 获取用户输入的件数
			handleInput(value) {
				this.count = value
			},
			// 结算单个订单
			handlePaySingle(type, shuliang, danjia, name, orderId, orderAmount, staffid) {
				console.log(shuliang * danjia, orderAmount)
				if (type == 1) {
					if (shuliang * danjia - 0.01 > orderAmount) {
						return uni.showToast({
							title: '小于应付工资，无法进行结算~',
							icon: 'none'
						})
					}
				} else {
					if (danjia / (60 / shuliang) - 0.01 > orderAmount) {
						return uni.showToast({
							title: '小于应付工资，无法进行结算~',
							icon: 'none'
						})
					}
				}
				console.log("修改件数orderId", orderId)
				this.orderId = orderId
				this.staffid = staffid
				this.uniteTaskButtom = 'singlePay'
				this.modalStytle = 3
				this.titleContect = '结算单人工资'
				this.middleContext = ' 是否结算' + name + '的工资？'
				this.leftContext = '取消'
				this.rightContext = '确认'
				this.isShowModal = true
				this.orderAmount = orderAmount
			},
			// 修改件数
			handleChangeNum(unitPrice, orderId) {
				this.orderId = orderId
				this.uniteTaskButtom = 'changeNum'
				this.modalStytle = 2
				this.unitPrice = unitPrice
				this.titleContect = '修改件数'
				this.leftContext = '取消'
				this.rightContext = '确认'
				this.isShowModal = true
			},
			//当前的时间
			getToday() {
				// console.log('今天的时间')
				let day_0 = new Date();
				day_0.setDate(day_0.getDate());
				this.toDay = day_0.format("yyyy-MM-dd hh:mm:ss")
				// console.log('今天的时间')
			},
			// 输入
			handleNewAmount(namer, danjia, id, amount) {
				this.taskDTO.orderParam[id] = amount
			},
			// 统一开工 、收工、结算
			async handleTaskWork() {
				if (this.isMinimumWage == 1) {
					this.taskAmount = 0
					Object.keys(this.taskDTO.orderParam).forEach(key => {
						this.taskDTO.orderParam[key] = this.minimumWages[key] > this.taskDTO.orderParam[key] ?
							this.minimumWages[key] : this.taskDTO.orderParam[key]
						this.taskAmount += this.taskDTO.orderParam[key]
					})
					this.taskAmount = Math.floor(this.taskAmount * 100) / 100
					if (this.hasypay - 0.01 > this.taskAmount) {
						return uni.showToast({
							title: '小于应付工资，无法进行结算~',
							icon: 'none'
						})
					}
				} else {
					console.log(222, this.hasypay);
					this.hasypay
				}
				this.uniteTaskButtom = 7
				this.modalStytle = 3
				this.titleContect = '统一结算工资'
				this.middleContext = ' 是否统一结算工资？'
				this.leftContext = '取消'
				this.rightContext = '确认'
				this.isShowModal = true
			},
			// 统一开工 、收工、结算
			async handleTaskWorkuser() {
				this.uniteTaskButtom = 4
				this.modalStytle = 3
				this.titleContect = '统一收工'
				this.middleContext = ' 是否统一收工？'
				this.leftContext = '取消'
				this.rightContext = '确认'
				this.isShowModal = true
			},
			//报名按钮
			handleApplyButton(button, orderId, status) {
				this.orderId = orderId
				console.log('button', button, 'orderId', orderId)
				this.button = button
				this.clickStatus = status
				if (button == 0) {
					this.titleContect = '拒绝雇员'
					this.middleContext = ' 是否拒绝雇员？'
					this.leftContext = '取消'
					this.rightContext = '确认'
					this.isShowModal = true
				} else if (button == 1) {
					// 同意
					this.titleContect = '录用雇员'
					this.middleContext = ' 是否录用雇员？'
					this.leftContext = '取消'
					this.rightContext = '确认'
					this.isShowModal = true
				}
			},
			//接单按钮
			handleRecevieButton(button, status, orderId, item) {
				this.clickStatus = status
				this.orderId = orderId
				this.button = button
				if (button == 0) {
					this.kaichu()
				} else if (button == 1) {
					// 同意
					this.titleContect = '拒绝开工'
					this.middleContext = ' 是否拒绝开工？'
					this.leftContext = '取消'
					this.rightContext = '确认'
					this.isShowModal = true
				} else if (button == 2) {
					this.titleContect = '确认开工'
					this.middleContext = ' 是否确认开工？'
					this.leftContext = '取消'
					this.rightContext = '确认'
					this.isShowModal = true
				} else if (button == 3) {
					uni.navigateTo({
						url: '/pages/comment/comment?orderId=' + orderId + '&type=' + 0
					})
				} else if (button == 4) {
					this.bohui(orderId)
					return uni.showToast({
						title: '已驳回~',
						icon: 'none'
					})
				} else if (button == 5) {
					this.shougong(orderId)
				} else if (button == 6) {
					if (this.reJitter) return
					if (this.taskFinishedid == 0) {
						unit.release_task_invitation(item.taskId).then(v => {
							if (v) {
								unit.invitation_order(item.userId, v.id, item.taskId)
								let timeflag = 3
								this.yaoqingAlertText = `正在按照当前任务
											生成明天相关任务
											（${timeflag}S）`
								this.isShowAlert = true
								this.timer = setInterval(() => {
									timeflag--
									this.yaoqingAlertText = `正在按照当前任务
												生成明天相关任务
												（${timeflag}S）`
									if (timeflag <= 0) {
										this.isShowAlert = false
										clearInterval(this.timer)
										uni.showToast({
											title: '发布并邀请成功',
											icon: 'none'
										})
										item.yiyaoqing = true
									}
								}, 1000)
							}
						})
					} else {
						unit.invitation_order(item.userId, this.taskFinishedid, item.taskId)
						uni.showToast({
							title: '邀请成功',
							icon: 'none'
						})
						item.yiyaoqing = true
					}
					setTimeout(() => {
						this.reJitter = false
					}, 2000)
					this.order_list_by_taskId()
				}
			},
			//弹框左键
			handleLeft() {
				this.isShowModal = false
			},
			async shougong(orderId) {
				//		console.log("收工")
				uni.showToast({
					title: '已收工~',
					icon: 'none'
				})
				let res = await this.$fetch(this.$api.order_user_end, {
					orderId: orderId,
					status: 4,
					count: -1
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.refresh()
			},
			async bohui(orderId) {
				console.log("驳回收工")
				clearInterval(this.timer)
				let res = await this.$fetch(this.$api.order_user_end, {
					orderId: orderId,
					status: 2,
					count: -1
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.refresh()
			},
			async queren(orderId) {
				console.log("确认收工")
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.refresh()
			},
			//弹框右键
			async handleRight() {
				this.isShowModal = false
				if (this.uniteTaskButtom == 3) { //统一开工
					let res = await this.$fetch(this.$api.task_user_start_worker, {
						taskId: this.requestObj.taskId
					}, 'POST')
					if (res.code) return uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					this.refresh()
				} else if (this.uniteTaskButtom == 4) { //统一收工
					let res = await this.$fetch(this.$api.task_user_end_worker, {
						taskId: this.requestObj.taskId
					}, 'POST')
					if (res.code) return uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					this.refresh()
				} else if (this.uniteTaskButtom == 7) { //统一结算
					uni.navigateTo({
						url: '/pages/app-employer/boss-settlement/boss-settlement?taskId=' + this.requestObj
							.taskId + '&taskDTO=' + JSON.stringify(this.taskDTO) + '&finishNum=' + this
							.finishNum + '&serverFlag=' + this.serverFlag + '&iscoupon=' + this.iscoupon +
							'&isStatus=' + this.isTYStatus
					})
				} else if (this.uniteTaskButtom == 'changeNum') { //修改件数
					console.log('修改件数-订单id', this.orderId, this.count)
					// if(this.count == 0) return uni.showToast({ title: '请输入件数~', icon: 'none' })
					let res = await this.$fetch(this.$api.upd_piece_num_by_id, {
						orderId: this.orderId,
						count: this.count
					}, 'POST')
					if (res.code) return uni.showToast({
						title: res.msg,
						icon: 'none'
					})
					this.refresh()
				} else if (this.uniteTaskButtom == 'singlePay') { //单个结算
					console.log('单个结算-订单id', this.orderId)
					uni.navigateTo({
						url: '/pages/app-employer/boss-settlement/boss-settlement?type=single&orderId=' + this
							.orderId + '&taskId=' + this.requestObj.taskId + '&singleSincerityGold=' + this
							.singleSincerityGold + '&orderAmount=' + this.orderAmount + '&serverFlag=' + this
							.serverFlag + '&iscoupon=' + this.iscoupon + '&isStatus=' + this.isStatus +
							'&staffid=' + this.staffid
					})
				} else {
					// 报名
					if (this.flag == 0) {
						let checkStatus = this.button === 1 ? 2 : 0
						console.log('checkStatus', checkStatus)
						let res = await this.$fetch(this.$api.apply_check, {
							orderId: this.orderId,
							checkStatus: checkStatus
						}, 'POST')
						if (res.code) return uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					} else if (this.flag == 1 && this.button == 0) { //接单，开除
						let res = await this.$fetch(this.$api.task_user_expel, {
							orderId: this.orderId
						}, 'POST')
						if (res.code) return uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						uni.showToast({
							title: '开除成功~',
							icon: 'none'
						})
					} else if (this.flag == 1 && this.button == 1) { //接单，拒绝开工
						let res = await this.$fetch(this.$api.task_user_refuse_start, {
							orderId: this.orderId
						}, 'POST')
						if (res.code) return uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						uni.showToast({
							title: '已拒绝开工~',
							icon: 'none'
						})
					} else if (this.flag == 1 && this.button == 2) { //接单，单个确认开工
						let res = await this.$fetch(this.$api.task_user_confirm_start, {
							orderId: this.orderId
						}, 'POST')
						if (res.code) return uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						uni.showToast({
							title: '已确认开工~',
							icon: 'none'
						})
					}
					this.task_detail()
					this.refresh()
				}
			},
			// 更改类目
			handleTypeChange(flag) {
				if (this.flag === flag) return
				this.flag = flag
				this.refresh()
			},
			//获取我的零工订单列表
			async order_list_by_taskId() {
				await this.get_collect_list()
				if (!this.hasFlag) return // 说明已经没有更多啦

				++this.requestObj.pageNum
				uni.stopPullDownRefresh()
				// 是否允许切换
				if (!this.handleIsStop) return uni.showToast({
					title: '你点击得太快啦~',
					icon: 'none'
				}) // 说明上一条请求结果未返回
				this.handleIsStop = false
				this.task_detail()
				this.requestObj.statusIn = this.flag == 0 ? '1' : this.flag == 1 ? '2,3,4,5,8,9' : '0'
				let res = await this.$fetch(this.$api.order_list_by_taskId, this.requestObj, 'POST')
				this.handleIsStop = true
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.total = res.total
				// 是否允许切换
				if (true) {
					let finishNum = 0
					let finishNums = 0
					res.rows.forEach(item => {
						//将金额除以100，单位变为元
						item.rewardY = item.reward.divide(100)
						item.floorsAmountY = item.floorsAmount.divide(100)
						item.floorsAmountY = item.floorsAmount.divide(100)
						item.orderUser.integrity = item.orderUser.integrity.divide(100)
						// 获取订单及金额,排除掉已经结算的订单
						// console.log(11,item.status);
						if (item.status == 4) {
							this.hasypay = 0
							this.tempStatus = item.status
							this.hasPay = true
							finishNum++
							item.finishAmountD = item.finishAmount ? (item.finishAmount.divide(100)) : ''
							this.taskDTO.orderParam[item.id] = item.finishAmountD
							this.hasypay = this.hasypay + item.finishAmountD
						}
						if (item.status == 3) { //状态为带收工且为计时
							finishNums++
							this.hasPay = false
							this.hastoyi = true
						}
						if (item.status == 5) { //状态为完成
							this.hasPay = false
							this.hastoyi = false
						}
						// 获取工作时间
						if (item.taskType == 2 && item.status == 4) { //计天
							item.workTime = GetNumberOfDays(item.startTime.slice(0, 11), item.endTime.slice(0,
								11))
						} else if (item.taskType != 2 && item.status == 4) { //计时和计件
							// 在苹果手机中getTime()得到的返回值是Invalid Date
							/* 	if(plus.os.name == 'Android') {
									item.workTime = Math.round(((new Date(item.endTime).getTime() - new Date(item.startTime).getTime())/60000))
								}else { */
							// item.endTime = (item.endTime).replace(/-/g, '/')
							// let dateStart = new Date(item.endTime)
							// let endStart = new Date(item.endStart)
							console.log('时间', item.startTime, item.endTime)
							let hourD = item.endTime.slice(11, 13) - item.startTime.slice(11, 13)
							let minuteD = item.endTime.slice(14, 16) - item.startTime.slice(14, 16)
							let endtep = new Date(item.endTime.replace(/-/g, '/')).getTime()
							let startep = new Date(item.startTime.replace(/-/g, '/')).getTime()
							let sda = Math.round((endtep - startep) / 1000)
							let ssssa = Math.floor(sda) / 60
							item.workTime = ssssa.toFixed(1)
							// item.workTime = hourD * 60 + minuteD + 1
							if (item.taskType == 1) {
								item.minimumWage = Math.round(this.minimumWage * (item.workTime / 60) * 100) /
									100
								this.minimumWages[item.id] = item.minimumWage
								//this.taskDTO.orderParam[item.id] = item.minimumWage
							}
						}
					})
					this.finishNum = finishNum
					if (finishNums > 0) {
						this.hasPay = false
						this.hastoyi = true
					}
					console.log('要结算人数', this.finishNum)
				}
				let count = 0
				let count1 = 0
				// 如果订单状态是8，雇员点开工，雇主还没点的状态倒计时
				let yaoqingList = uni.getStorageSync('invitation_order')['id' + this.requestObj.taskId] != undefined ?
					Object.values(uni.getStorageSync('invitation_order')['id' + this.requestObj.taskId]) : []
				res.rows.forEach(item => {
					he_evaluate_lv(item.orderUser.userId).then((v) => {
						item.orderUser.haoping = v
					})
					if (item.status == 5) {
						item.yiyaoqing = yaoqingList.includes(item.userId)
						item.isShowYQ = getToExceedTheTime(item.startTime) > 1 ? false : true
						let isFirstShowYqOnce = uni.getStorageSync('isFirstShowYqOnce')
						let isShowScyq = item.isShowYQ && !isFirstShowYqOnce ? 0 : 2
						if (isShowScyq == 0 && this.viewTop == 0) {
							uni.setStorageSync('isFirstShowYqOnce', true)
							this.isShowScyqId = item.id
							this.viewTop = 1
							let screenHeight = 0
							uni.getSystemInfo({
								success: function(res) {
									screenHeight = res.screenHeight;
								}
							})
							setTimeout(() => {
								this.isShowScyq = isShowScyq
								let view = uni.createSelectorQuery().in(this).select(
								".yaoqing-button");
								view.boundingClientRect(data => {
									// console.log("得到布局位置信息" + JSON.stringify(data));
									console.log("节点离页面顶部的距离为" + data.top);
									this.viewTop = data.top
									this.maskviewTop = this.viewTop < (screenHeight / 2) ?
										screenHeight : screenHeight / 2
									if (this.viewTop > screenHeight) {
										uni.pageScrollTo({
											scrollTop: this.viewTop - screenHeight +
												100,
											duration: 300
										})
									}
								}).exec();
							}, 800)
						}
						count++
					} else if (item.status == 4) {
						count++
						count1++
					} else {
						this.isStatus = false
					}
					if (count1 >= 2) {
						this.isStatus = false
					}
					if (item.status == 9) {
						item.countdown = 60
						this.timer = setInterval(() => {
							if (item.countdown == 0) {
								// console.log(item.id)
								this.bohui(item.id)
								clearInterval(this.timer)
							}
							var st = uni.getStorageSync("countdowns")
							if (item.countdown > st) {
								item.countdown = st
							}
							item.countdown = --item.countdown
							uni.setStorageSync("countdowns", item.countdown)
							console.log('item.countdown', item.countdown)
						}, 1000)
					} else if (item.status == 8) {
						console.log('startApplyTime', item.startApplyTime, typeof item.startApplyTime)
						let hourStart = parseInt(item.startApplyTime.slice(11, 13))
						let minuteStart = parseInt(item.startApplyTime.slice(14, 16))
						let secondStart = parseInt(item.startApplyTime.slice(17, 19))
						let timeStart = hourStart * 3600 + minuteStart * 60 + secondStart
						console.log('timeStart', hourStart, minuteStart, secondStart)
						console.log('timeStart', timeStart)
						this.getToday()
						console.log('this.toDay', this.toDay, typeof this.toDay)
						let hourCurrent = parseInt(this.toDay.slice(11, 13))
						let minuteCurrent = parseInt(this.toDay.slice(14, 16))
						let secondCurrent = parseInt(this.toDay.slice(17, 19))
						let timecurrent = hourCurrent * 3600 + minuteCurrent * 60 + secondCurrent
						item.countdown = this.x_minute_auto_confirm * 60 - (timecurrent - timeStart)
						// 倒计时
						this.timer = setInterval(() => {
							if (item.countdown == 0) {
								this.refresh()
								clearInterval(this.timer)
							}
							item.countdown = --item.countdown
						}, 1000)
					}
					if (item.status == 2) {
						item.isExpel = 15 > (isResidueTimeByMinute(item.createTime) * -1)
					}
					if (item.status == 3) {
						item.isExpel = this.expel_time > (isResidueTimeByMinute(item.startTime) * -1)
					}
				})
				if (res.rows.length != count) {
					this.isTYStatus = false
				}
				// 开工倒计时开关 
				// this.isShowDaijis = true
				setTimeout(() => {
					this.orderList.push(...res.rows)
					this.orderList.forEach((item, index) => {
						if (item.status === 4) {
							let obj = item;
							this.orderList.splice(index, 1)
							this.orderList.unshift(obj);
						}
					})
					this.hasFlag = this.orderList.length < res.total
					this.orderList.forEach((item, i) => {
						item.isCollect = this.collectList.some((ele => {
							return ele == item.userId
						}))
						console.log('orderList', item.isCollect, item.userId, this.collectList)
					})
				}, 100)
			},
			invitationCountDown(time) {
				let date = new Date(time.replace(/-/g, '/'))
				let time1 = Date.parse(date) / 1000
				let time2 = time1 + 900
				let time3 = Date.parse(new Date()) / 1000
				let time4 = (time2 - time3)
				this.myTyTime = time4 * 1000 > 0 ? time4 * 1000 : 0
			},
			endDjs() {
				this.isShowDaijis = false
				this.myTyTime = 0
			},
			// 计算年纪
			calculateAge(data) {
				if (!data) return
				const idnumber = data.substring(6, 10) + "-" + data.substring(10, 12) + "-" + data.substring(12, 14)
				let birthArr = idnumber.split('-');
				let birth = {};
				birth.year = birthArr[0];
				birth.month = birthArr[1];
				birth.day = birthArr[2];
				const date = new Date();
				const currentYear = date.getFullYear();
				const currentMonth = date.getMonth() + 1;
				const currentDate = date.getDate();
				let userAge = ''
				if (currentYear > birth.year) {
					userAge = currentYear - birth.year;
					if (currentMonth < birth.month || currentDate < birth.day) userAge -= 1;
				}
				return userAge;
			},
			// 刷新
			refresh() {
				console.log("refresh");
				this.orderList = []
				this.hasFlag = true
				this.requestObj.pageNum = 0
				this.requestObj.pageSize = 1000
				this.order_list_by_taskId()
				this.get_time_lowest_amount()
				this.scrollFlag = false; // 状态的管理
			},
			// 获取任务详情状态，保证金
			async task_detail() {
				let res = await this.$fetch(this.$api.task_detail, {
					taskId: this.requestObj.taskId
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				this.iscoupon = res.data.coupon
				this.taskFinishedid = res.data.taskFinishedid
				console.log('任务详情', res.data)
				this.isMinimumWage = res.data.floorsstr == 1 ? true : false
				// 是否是缴纳服务费的任务
				this.serverFlag = res.data.serverFlag
				// 单人结算保证金
				this.singleSincerityGold = (res.data.sincerityGold / res.data.number).toFixed(1)
				// console.log('该任务页面this.serverFlag', this.serverFlag, this.singleSincerityGold)
			},
			// 打开订单详情
			handleOpenOrderDetail(id, uid = '') {
				// uni.navigateTo({
				// 	url: '/pages/employer-detail/employee-detail?staffId=' + uid
				// })
				// return
				this.orderAmount = this.taskDTO.orderParam[id]
				uni.navigateTo({
					url: '/pages/order-detail/boss-order-detail?id=' + id + '&orderAmount=' + this.orderAmount
				})
				this.daytips = false
			},
			handleOpenOrderDetail2(id, uid = '') {
				uni.navigateTo({
					url: '/pages/employer-detail/employee-detail?staffId=' + uid + '&daytips=' + this.daytips2
				})
				this.daytips = false
			},
			// 配置时间
			async getTimeData() {
				let res4 = await this.$fetch(this.$api.property_list_by_type, {
					type: 1
				}, 'POST')
				// x分钟自动确认开工配置
				uni.setStorageSync('x_minute_auto_confirm', res4.data.x_minute_auto_confirm)
				this.x_minute_auto_confirm = uni.getStorageSync('x_minute_auto_confirm')
			},
			// 获取最低时薪
			async get_time_lowest_amount() {
				let res = await this.$fetch(this.$api.property_list_by_type, {
					type: 1
				}, 'POST')
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: 'none'
				})
				//	console.log(res.data)
				this.minimumWage = res.data.piece_time_lowest_amount
			},
			handleNewMinimumWage(minimumWage, id) {
				if (this.minimumWages[id] < minimumWage) {
					uni.showToast({
						title: '不可低于保底工价',
						icon: 'none'
					})
					this.$nextTick(function() {
						this.minimumWages[id] = minimumWage
						this.taskDTO.orderParam[id] = minimumWage
					})
				} else {
					this.$nextTick(function() {
						this.minimumWages[id] = Math.round(this.minimumWages[id] * 100) / 100
						this.taskDTO.orderParam[id] = minimumWage
						console.log(this.taskDTO)
					})
				}
				//console.log('dasdsa',this.minimumWages)
			},
			closePj() {
				this.isShowpingjia = false
				this.refresh()
			},
			closekC() {
				this.isShowKaiChu = false
			},
			kaichu(string) {
				uni.navigateTo({
					url: '/pages/kaichu/kaichu?orderId=' + this.orderId + '&type=' + 0
				})
				uni.$emit('closeWorking', {})
				uni.$emit('closeDaikgong', {})
			},
			// 优化滚动条触发次数
			optimizeScroll: debounce(100, function(e) {
				// console.log('执行的滚动条optimizeScroll', e);
				// 判断滚动条的位置，如果有的话就执行，没有就不执行
				this.scrollFn(e);
			}),
			// 滚动条滚动
			scrollFn(scroll) {
				console.log('滚动条滚动scrollFn', scroll);
				// 记录滚动位置，从详情页返回的时候会继续展示刚才的位置
				uni.pageScrollTo({
					scrollTop: scroll,
					duration: 100
				})
			},
		},
		onLoad(options) {
			const closeTime = uni.getStorageSync('closeTime');
			const today = new Date();
			const finlDate = today.getFullYear() + '-' + today.getMonth() + '-' + today.getDate();
			if (finlDate == closeTime) {
				this.isShowBanner = false;
			} else {
				this.isShowBanner = true;
			}
			this.employerDetailTitle();
			this.level = uni.getStorageSync('level')
			uni.setStorageSync("countdowns", '60')
			this.imgPath = uni.getStorageSync('imgPath')
			this.requestObj.taskId = options.id
			this.taskDTO.taskId = options.id //this.taskDTO的单位是元
			this.getTimeData()
			this.expel_time = parseInt(uni.getStorageSync('property_list_by_type').staff_expel_time)
			this.known()
			this.Mengban()
			this.findTaskBillReward()
			this.taskStatus = options.taskStatus
		},
		onShow() {
			console.log(this.scrollFlag, '状态码管理');
			this.isStatus = true
			uni.$on('closeKgR', this.closeKgR)
			this.handleDaytips(1)
			this.getTimeData()
			// this.refresh()
			// 判断第一次永远为真 执行
			if (this.scrollFlag) {
				// 执行完刷新后 状态变更
				this.refresh()
			} else {
				let scrollTop = 0;
				// 状态变更 执行下面的
				if (this.flag == 0) {
					// 获取到本地存储的滚动条位置
					scrollTop = uni.getStorageSync('scrollZero');
				} else if (this.flag == 1) {
					// 获取到本地存储的滚动条位置
					scrollTop = uni.getStorageSync('scrollOne');
				} else if (this.flag == 2) {
					// 获取到本地存储的滚动条位置
					scrollTop = uni.getStorageSync('scrollTwo');
				}
				// 判断是否存在 如果存在就会执行 或者 == 0 也会执行(0 = false)
				if (scrollTop || scrollTop == 0) {
					this.scrollFn(scrollTop)
				}
			}
		},
		onNavigationBarButtonTap(e) {
			uni.navigateTo({
				url: '/pages/job-detail/job-detail?taskId=' + this.taskDTO.taskId
			})
		},
		onBackPress(options) {
			console.log('from:' + options.from)
			// uni.redirectTo({ url: '/pages/my-job/boss-my-job' })
		},
		onHide() {
			clearInterval(this.timer)
			if (this.flag == 0) {
				uni.setStorageSync('scrollZero', this.scrollTop);
				uni.setStorageSync('scrollOne', 0);
				uni.setStorageSync('scrollTwo', 0);
			} else if (this.flag == 1) {
				uni.setStorageSync('scrollOne', this.scrollTop);
				uni.setStorageSync('scrollZero', 0);
				uni.setStorageSync('scrollTwo', 0);
			} else if (this.flag == 2) {
				uni.setStorageSync('scrollTwo', this.scrollTop);
				uni.setStorageSync('scrollOne', 0);
				uni.setStorageSync('scrollZero', 0);
			}
		},
		onPullDownRefresh() {
			//监听用户下拉动作，一般用于下拉刷新
			this.refresh()
		},
		onReachBottom() {
			// console.log("onReachBottom");
			// this.isNoMore = true
			if (this.tempStatus == 4) {
				this.hasPay = true
			}
			this.hasFlag = false
			this.order_list_by_taskId()
		},
		// 滚动生命周期
		onPageScroll(event) {
			// console.log(event);
			this.scrollTop = event.scrollTop;
			this.optimizeScroll(this.scrollTop);
		},
	}
</script>
<style lang="less" scoped>
	.container {
		.maskFirst {
			width: 100vw;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 20;
			background-color: rgba(0, 0, 0, 0.5);
		}

		&>.head {
			height: 200rpx;
			background-color: #FFFFFF;
			box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
			position: fixed;
			top: 0;
			/* #ifdef H5 */
			top: 89rpx;
			/* #endif */
			z-index: 1;

			&>.category {
				display: flex;
				justify-content: center;

				&>view {
					position: relative;
					width: 250rpx;
					height: 90rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					color: rgba(64, 33, 16, 0.50);

					// 选中样式
					&.select {
						position: relative;
						color: #F39B19;
						;
						font-weight: bold;

						&::before {
							content: "";
							position: absolute;
							bottom: 0;
							left: 100rpx;
							width: 50rpx;
							height: 4rpx;
							background: #F39B19;
						}
					}
				}
			}

			&>.progress {
				width: 616rpx;
				height: 8rpx;
				border-radius: 4rpx;
				background: #FFE3D2;
				margin: 0 auto;
				margin-top: 50rpx;
				position: relative;

				.round {
					position: absolute;
					top: -13rpx;
					left: 0;
					width: 26rpx;
					height: 26rpx;
					border-radius: 13rpx;
					background-color: #FFDDC9;
					margin-left: 20rpx;
				}

				.round2 {
					margin-left: 120rpx;
				}

				.round3 {
					margin-left: 220rpx;
				}

				.round4 {
					margin-left: 370rpx;
				}

				.round5 {
					margin-left: 470rpx;
				}

				.round6 {
					margin-left: 570rpx;
				}

				.progress-active {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					z-index: 2;
					height: 8rpx;
					border-radius: 4rpx;
					background: linear-gradient(to right, #FFDE00, #FF0066, #FF00B4, #D200FF);

					.img-box {
						width: 26rpx;
						height: 26rpx;
						border-radius: 13rpx;
						background-color: #FFD914;
						position: absolute;
						top: -13rpx;
						left: 0;
						margin-left: 20rpx;

						.img {
							width: 100%;
							height: 100%;
						}
					}

					.img-box2 {
						margin-left: 120rpx;
					}

					.red-active-box {
						width: 52rpx;
						height: 80rpx;
						position: absolute;
						top: -36rpx;
						left: 0;
						margin-left: 220rpx;

						.red-active {
							width: 100%;
							height: 100%;
						}

						.amount {
							position: absolute;
							top: 36rpx;
							left: 4rpx;
							font-size: 20rpx;
							color: #fff;
						}
					}

					.img-box4 {
						margin-left: 370rpx;
					}

					.img-box5 {
						margin-left: 470rpx;
					}

					.red-box {
						width: 52rpx;
						height: 80rpx;
						position: absolute;
						top: -36rpx;
						left: 0;
						margin-left: 570rpx;

						.red {
							width: 100%;
							height: 100%;
						}

						.amount {
							position: absolute;
							top: 36rpx;
							left: 4rpx;
							font-size: 20rpx;
							color: #fff;
						}
					}
				}
			}
		}

		.list {
			&>.empty {
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 414rpx;
				height: 370rpx;
				margin-top: -400rpx;
				margin-left: -207rpx;
			}

			// margin-top: 120rpx;
			&>.employer-info {
				background-color: #FFFFFF;
				position: relative;
				padding: 30rpx 30rpx 20rpx;
				display: flex;
				flex-direction: column;

				//横线
				&::before {
					content: "";
					position: absolute;
					bottom: 0rpx;
					right: 0;
					width: 720rpx;
					height: 2rpx;
					background: #F2F2F2;
				}

				&>.top {
					position: absolute;
					top: 0;
					right: 0;
					width: 158rpx;
					height: 50rpx;
					font-size: 12px;
					color: #FFFFFF;
					background: #4E9800;
					border-radius: 0 0 0 13px;
					display: flex;
					align-items: center;
					justify-content: center;
				}

				&>.middle {
					display: flex;
					position: relative;
					justify-content: space-between;

					&>.right {
						display: flex;

						&>.avatar {
							// border: 1px solid #55aa7f;
							display: flex;
							flex-direction: column;
							align-items: center;
							position: relative;
							margin-right: 30rpx;

							&>.avatar-pic {
								width: 108rpx;
								height: 108rpx;
								border-radius: 50%;
								background-color: #f3f3f3;
							}

							&>.crown {
								position: absolute;
								left: -10rpx;
								top: -40rpx;
								width: 78rpx;
								height: 59rpx;
							}
						}

						&>view {
							display: flex;
							flex-direction: column;

							&>view:first-child {
								display: flex;
								align-items: center;
								margin-bottom: 20rpx;

								&>text {
									margin-right: 20rpx;
									height: 48rpx;
									font-size: 17px;
								}

								&>image {
									width: 26rpx;
									height: 26rpx;
								}
							}

							&>view:last-child {
								height: 40rpx;
								display: flex;
								align-items: flex-start;

								text:first-child {
									//margin-right: 30rpx;
									color: rgba(64, 33, 16, 0.70);
								}

								text:last-child {
									font-weight: bold;
								}
							}
						}
					}

					&>.left {
						display: flex;
						align-items: center;
						// border: 1px solid #000000;
						margin-top: 48rpx;

						&>text:first-child {
							margin-right: 30rpx;
							height: 34rpx;
							font-size: 12px;
							color: rgba(64, 33, 16, 0.70);
						}

						&>text:last-child {
							font-weight: bold;
							font-size: 22px;
							color: #F39B19;
						}
					}
				}

				.buttons {
					width: 100%;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					position: relative;

					.ti-pis {
						position: absolute;
						left: 30%;
						bottom: -70%;
						width: 100%;

						image {
							width: 200rpx;
							height: 100%;
						}
					}

					.dao-ji-shi {
						// width: 200rpx;
						// height: 100rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						margin: 0 20rpx;
						// border: 1px solid;
					}

					.ty-xiugai {
						width: 240rpx;
						height: 60rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						margin: 0 15rpx;
						background: #F39B19;
						border-radius: 50rpx;
						color: #fff;
						// border: 1px solid;
					}

					.ju-jue {
						width: 150rpx;
						height: 58rpx;
						margin: 0 20rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						border-radius: 50rpx;
						background: #F2F2F2;
						color: #666666;
						// border: 1px solid;
					}
				}

				&>.buttons {
					margin-top: 30rpx;
					display: flex;
					align-self: flex-end;

					&>.button {
						width: 160rpx;
						height: 60rpx;
						border-radius: 35rpx;
						display: flex;
						align-items: center;
						justify-content: center;

						&:active {
							opacity: 0.7;
						}
					}
				}
			}

			&>.apply {
				.button:nth-child(1) {
					height: 56rpx;
					border: 1px solid rgba(64, 33, 16, 0.50);
					color: rgba(64, 33, 16, 0.50);
				}

				.button:nth-child(2) {
					margin-left: 30rpx;
					color: #FFFFFF;
					background: #F39B19;
					border: #F39B19;
				}
			}

			&>.receive {
				padding: 30rpx 30rpx 30rpx;

				&>.top {
					background: rgba(64, 33, 16, 0.50);
				}

				&>.no-settlement {

					// border: 1px solid #000000;
					// margin-bottom: 30rpx;
					&>.middle {
						display: flex;
						justify-content: space-between;

						&>.right {
							display: flex;

							&>.avatar {
								// border: 1px solid #55aa7f;
								display: flex;
								flex-direction: column;
								align-items: center;
								position: relative;
								margin-right: 30rpx;

								&>.avatar-pic {
									width: 108rpx;
									height: 108rpx;
									border-radius: 50%;
								}

								&>.crown {
									position: absolute;
									left: -10rpx;
									top: -40rpx;
									width: 78rpx;
									height: 59rpx;
								}
							}

							&>view {
								display: flex;
								flex-direction: column;

								&>view:first-child {
									&>text {
										margin-right: 20rpx;
										height: 48rpx;
										font-size: 17px;
										color: #402110 !important;
									}

									&>image {
										width: 26rpx;
										height: 26rpx;
									}
								}

								&>view {
									margin-bottom: 20rpx;

									text:first-child {
										// border: 1px solid #000000;
										color: rgba(64, 33, 16, 0.70);
										// margin-right: 30rpx;
									}
								}
							}

							&>.left {
								display: flex;
								align-items: center;
								border: 1px solid #000000;
								margin-top: 48rpx;

								&>text:first-child {
									margin-right: 30rpx;
									height: 34rpx;
									font-size: 12px;
									color: rgba(64, 33, 16, 0.70);
								}

								&>text:last-child {
									font-weight: bold;
									font-size: 22px;
									color: #F39B19;
								}
							}
						}

						&>.left {
							// border: 1px solid #000000;
							display: flex;
							align-items: center;
							margin-top: 30rpx;
							font-size: 12px;
							color: rgba(64, 33, 16, 0.70);

							text:last-child {
								margin-left: 30rpx;
								font-size: 22px;
								color: #F39B19;
							}
						}
					}

					&>.buttons {
						// border: 1px solid #000000;
						margin-top: 10rpx;
						display: flex;
						text-align: center;
						justify-content: flex-end;

						&>.button {
							width: 160rpx;
							height: 60rpx;
							border-radius: 35rpx;
							display: flex;
							align-items: center;
							justify-content: center;

							&:active {
								opacity: 0.7;
							}
						}

						.button:nth-child(1) {
							height: 56rpx;
							border: 1px solid rgba(64, 33, 16, 0.50);
							color: rgba(64, 33, 16, 0.50);
						}

						.button:nth-child(2) {
							margin-left: 30rpx;
							color: #F39B19;
							border: 1px solid #F39B19;
						}

						.button:nth-child(3) {
							margin-left: 30rpx;
							color: #FFFFFF;
							background: #F39B19;
							border: 1px solid #F39B19;
						}

						&>.comment {
							color: #FFFFFF !important;
							background: #F39B19;
							border: #F39B19 !important;
						}

						&>.comment2 {
							color: #FFFFFF !important;
							background: #E62B00;
							border: #E62B00 !important;
						}
					}
				}

				&>.settlement {
					&>.middle {
						display: flex;
						justify-content: space-between;

						&>.right {
							display: flex;
							position: relative;

							&>.avatar {
								// border: 1px solid #55aa7f;
								display: flex;
								flex-direction: column;
								align-items: center;
								position: relative;
								margin-right: 30rpx;

								&>.avatar-pic {
									width: 108rpx;
									height: 108rpx;
									border-radius: 50%;
								}

								&>.crown {
									position: absolute;
									left: -10rpx;
									top: -40rpx;
									width: 78rpx;
									height: 59rpx;
								}
							}

							&>view {
								// border: 1px solid #000000;
								display: flex;
								flex-direction: column;

								// margin-bottom: 10rpx;
								&>view:first-child {
									margin-bottom: 20rpx;

									&>text {
										margin-right: 20rpx;
										height: 48rpx;
										font-size: 17px;
										color: #402110 !important;
									}

									&>image {
										width: 26rpx;
										height: 26rpx;
									}
								}

								&>view:last-child {
									&>view {
										display: flex;
										margin-bottom: 10rpx;

										text:first-child {
											color: rgba(64, 33, 16, 0.70);
											margin-right: 30rpx;
										}
									}
								}
							}

							&>.button {
								position: absolute;
								width: 150rpx;
								height: 50rpx;
								border-radius: 30rpx;
								display: flex;
								align-items: center;
								justify-content: center;
								// margin-left: 15rpx;
								background-color: #F39B19;
								color: #FFFFFF;
								font-size: 12px;

								&:active {
									opacity: 0.7;
								}
							}

							&>.button1 {
								left: 540rpx;
								bottom: 50rpx;
							}

							&>.button2 {
								left: 540rpx;
								bottom: -50rpx;
								background-color: #4E9800;
							}
						}
					}

					&>.settlement-bottom {
						display: flex;
						align-items: center;
						margin-left: 140rpx;

						// padding-bottom: 30rpx;
						text {
							color: rgba(64, 33, 16, 0.70);
						}

						input {
							border: 1px solid #4E9800;
							margin-left: 30rpx;
							width: 170rpx;
							text-align: right;
							padding: 3rpx 10rpx;
						}
					}

					&>.buttons {
						display: flex;
						text-align: center;
						justify-content: flex-end;

						&>.button {
							width: 160rpx;
							height: 60rpx;
							border-radius: 35rpx;
							display: flex;
							align-items: center;
							justify-content: center;

							&:active {
								opacity: 0.7;
							}
						}

						.button:nth-child(1) {
							height: 56rpx;
							border: 1px solid rgba(64, 33, 16, 0.50);
							color: rgba(64, 33, 16, 0.50);
						}

						.button:nth-child(2) {
							margin-left: 30rpx;
							color: #F39B19;
							border: 1px solid #F39B19;
						}

						.button:nth-child(3) {
							margin-left: 30rpx;
							color: #FFFFFF;
							background: #F39B19;
							border: #F39B19;
						}
					}
				}

				&>.confirm {
					position: fixed;
					left: 0;
					bottom: 0;
					z-index: 9999;
					background: #FCC928;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100vw;
					height: 100rpx;

					&:active {
						opacity: .7;
					}
				}
			}

			&>.cancel {
				&>.top {
					background: rgba(64, 33, 16, 0.50);
				}
			}
		}
	}

	.banner {
		width: 100%;
		height: 88rpx;
		position: fixed;
		z-index: 9;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 180rpx;
		/* #ifdef H5 */
		top: 269rpx;
		/* #endif */
	}

	.banner-content {
		// margin-left: 30rpx;
		width: 80%;
		height: 75rpx;
		background: #F8D979;
		border-top-left-radius: 10rpx;
		border-top-right-radius: 40rpx;
		border-bottom-left-radius: 40rpx;
		border-bottom-right-radius: 10rpx;
		// border: 1px solid red;
		display: flex;
		justify-content: center;
		align-items: center;

		&>text {
			font-size: 26rpx;
			font-weight: 400;
			color: #402110;
			line-height: 24rpx;
		}

		&>image {
			width: 40rpx;
			height: 40rpx;
		}
	}

	.fg {
		font-size: 24rpx;
		color: #7F7F7F;
		line-height: 49rpx;
		margin: 0 20rpx;
	}

	.cx {
		font-size: 24rpx;
		font-weight: bold;
		color: #7F7F7F;
		line-height: 49rpx;

		&>text:nth-last-child(1) {
			color: #FE4B28;
			margin-left: 8rpx;
		}

		.text-green-color {
			color: #4E9800 !important;
		}

		.text-red-color {
			color: #FE4B28 !important;
		}
	}

	.cxDiv {
		display: flex;
		flex-direction: column;
	}

	.sex-nan {
		width: 73rpx;
		height: 32rpx;
		background: #1CAAEA;
		border-radius: 4rpx;
		margin-left: 8rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 20rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 20rpx;
	}

	.sex-nv {
		width: 73rpx;
		height: 32rpx;
		background: #F90865;
		border-radius: 4rpx;
		margin-left: 8rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 20rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 20rpx;
	}

	.sex-image {
		width: 17rpx;
		height: 17rpx;
		margin-right: 9rpx;
	}

	.floorsstr-view {
		width: 184rpx;
		height: 34rpx;
		background: #FDE4E4;
		border-radius: 4rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #E62B00;
		line-height: 24rpx;
		margin-left: 12rpx;
		padding: 5rpx 12rpx;
	}

	.vip-crown {
		// width: 148rpx;
		padding: 0 10rpx;
		height: 32rpx;
		background: linear-gradient(0deg, #111832, #343B54);
		border-radius: 16rpx;
		position: absolute;
		top: 76rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;

		&>image {
			width: 28rpx;
			height: 28rpx;
			margin-right: 4rpx;
		}

		&>text {
			font-size: 20rpx;
			font-weight: 500;
			color: #FCC928;
			line-height: 32rpx;
		}
	}

	.avatar-pic-vip1 {
		width: 111rpx !important;
		height: 111rpx !important;
		border-radius: 50%;
		background: url('../../../static/icon3/1.png') center center/cover no-repeat;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		.image {
			width: 95rpx !important;
			height: 95rpx !important;
			border-radius: 50% !important;
		}
	}

	.avatar-pic-vip2 {
		width: 111rpx !important;
		height: 111rpx !important;
		border-radius: 50%;
		background: url('../../../static/icon3/2.png') center center/cover no-repeat;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		.image {
			width: 95rpx !important;
			height: 95rpx !important;
			border-radius: 50% !important;
		}
	}

	.avatar-pic-vip3 {
		width: 128rpx !important;
		height: 126rpx !important;
		border-radius: 50%;
		background: url('../../../static/icon3/3.png') center center/cover no-repeat;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		.image {
			width: 90rpx !important;
			height: 90rpx !important;
			border-radius: 50% !important;
			margin-top: 20rpx;
		}
	}

	.tousu {
		width: 136rpx;
		height: 56rpx;
		text-align: center;
		line-height: 56rpx;
		border-radius: 28rpx;
		border: 1px solid rgba(165, 165, 165, 0.5);
		margin-right: auto;
	}

	.shoucang-button {
		width: 134rpx;
		height: 56rpx;
		background: rgba(255, 133, 29, 0.2);
		border-radius: 28rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(255, 133, 29, 1);
		line-height: 56rpx;
		text-align: center;
	}

	.yishoucang-button {
		width: 134rpx;
		height: 56rpx;
		background: #F2F2F2;
		border-radius: 31rpx;
		font-size: 26rpx;
		font-weight: 500;
		color: #262626;
		line-height: 56rpx;
	}

	.scyq {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, .6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}

	.sc-center1 {
		width: 500rpx;
		height: 00rpx;
		background: #fff;
	}

	.scyq-main {
		width: 456rpx;
		display: flex;
		margin: 0 auto;
		flex-direction: column;
		align-items: center;
		position: relative;

		&>view {
			width: 456rpx;
			height: 294rpx;
			background-image: url(../../../static/icon3/yaoqing1.png);
			background-size: 100% 100%;
		}
	}

	.Mengban {
		position: fixed;
		top: 0rpx;
		bottom: 0rpx;
		left: 0;
		right: 0;
		z-index: 9999999999;
		// background-color: rgba(0, 0, 0, .7);
		background: url('/static/newMy/Mengban.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;

		.btn {
			width: 510rpx;
			height: 88rpx;
			border-radius: 12rpx;
			text-align: center;
			line-height: 88rpx;
			margin: 1000rpx auto auto auto;
			font-size: 28rpx;
			font-weight: bold;
			transition: all 0.3s;
		}
	}
</style>